﻿
@media screen and (max-width:800px) {
    
/** common **/	
.mobDIV{ display: block;}
.pcDIV{ display:none;}
.print,#leftsead{ display:none;}

body{ min-width:100%;width:100%;}

/*---------------------------//index---------------------------------------------*/
#bannerMain{    width:100%; padding-top:1px; }
#banner{    width:100%; margin:0 auto;  }
.ggtiao{ display:none;    width:100%; margin:2px 0 0 0; padding:0;}

/*---------------------------//全局---------------------------------------------*/
#addrees{width:100%;  }


#body{width:100%; }
#body_left{width:100%; margin:0 auto; border-left:none;border-right:none;}
#con_left{width:97%; margin:0 auto; float:none; min-height:40px; }
#body_right{ display:none; }

.body_con{ width:99%;border:#dddddd 1px solid;  min-height:400px;  float:left;  position:relative; }
.tille{font: normal 16px/20px "微软雅黑","宋体", Arial; height:20px; overflow:hidden; color:#333;}

/*---------------------------------//top-----------------------------------*/
#TopMain{ 	 width:100%; height:65px; }
#TopNav{ 	 width:100%;  }
#TopR{ display:none; }
#Top {	 width:100%; position:relative;   }
.logo{  width:190px; position: absolute; left:2px; top:7px;}
#Top form{  width:190px;padding-top:15px; }
#Top form label{width:100%;display:none;}
 #Top form input.txtBox{	width:100px; margin-left:40px;}
#Top form input.login{	width:40px;}


.nav{ width:100%;  height:45px; overflow: hidden; display:none;  }

#navMn,.navn{ width:100%; display:none;    }

ul.wapnav{ display: block;}
ul.wapnav{width:100%; float:left;}
ul.wapnav li{ float:left; position:relative; width:20%; text-align:center; }
ul.wapnav li:after{ position: absolute; right:0; top:11px; content:""; width:1px; height:23px; background-color:#2d6cc2; }
ul.wapnav li:last-child:after{ display:none; }
ul.wapnav li a{ display:block; float:left; width:100%; font: normal 16px/45px "微软雅黑",Arial; color:#FFF;  }
ul.wapnav li a:hover,ul.wapnav li a.cur{ background-color:#2d6cc2; color:#FFF;}

ul.wapnav li ul{ position:absolute; right:0px; top:45px; display:none ; 
width:100px; z-index:99; background-color: rgba(45,108,194,0.85);
}
ul.wapnav li ul li:after{ display:none; }
ul.wapnav li ul li{ float:left;width:100%;}
/*.nav ul li ul li:last-child a{border-bottom:none; }*/
ul.wapnav li ul li a{ float:left;width:100%; line-height:35px; font-size:14px; color:rgba(255,255,255,0.8);
border-bottom: 1px dashed rgba(255,255,255,0.8); }

ul.wapnav li ul li a:hover{ color:rgba(255,255,255,1);
border-bottom: 1px dashed rgba(255,255,255,1);  }
/*--------------------------------------------//SuperSlide-----------------------------------*/
		/* 首页多图 css -------------------------------------- */
	.slideBox{ width:100%;/* 设置焦点图最大宽度 */ }

	/* 首页 Tab----------- */
	.tabBox .hd{  font-size:14px;  padding:0; }
	.tabBox .hd ul li {  margin:0 0 0 4px;  }
    .tabBox .hd ul li:first-child {  margin:0 0 0 2px;  }
	
	
	.tabBox .bd ul.newPicTxt li{width:98%; padding:2% 1%;}
	.tabBox .bd .newPicTxt .info p{ line-height:20px; height:40px; overflow:hidden; }
	.tabBox .bd .time{   font: normal 11px/16px  Arial;   font-style: oblique;color:#999999;}
	
	/* 内页多图 css----- */
	.slideMain{  width:100%;/* 设置焦点图最大宽度 */  }
	.slideMain .hdhd{ bottom:3px; }
	.slideMain .bdbd li .tit{ 	font: normal 12px/30px "微软雅黑", Arial, "宋体"; height:30px; }

		/* 商品详情多图 css -------------------------------------- */
	.vpicBox{ position:relative; float:left; overflow:hidden; width:100%;/* 设置焦点图最大宽度 */ }
	.vpicBox .hd{ position:absolute; height:28px; line-height:28px; bottom:10px; right:10px; z-index:11; }
	.vpicBox .hd li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background:#666; text-indent:-9999px; overflow:hidden; margin:0 10px 0 0;   }
	.vpicBox .hd li.on{ background: #F00;  }
	
	.vpicBox .bd{ position:relative; z-index:10; }
	.vpicBox .bd li{ position:relative; text-align:center; background: #F1f1f1;  }
	.vpicBox .bd li img{ background:url(/images/loading.gif) center center no-repeat;  vertical-align:top;height: auto; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.vpicBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.vpicBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px;   color:#fff;  text-align:left; background-color: rgba(0,0,0,0.8);
	font: normal 18px/45px "微软雅黑", Arial, "宋体"; height:45px; overflow:hidden;}


/**--------------------------------------- foot ---------------------------------------**/
#footopmain{ display:none;}


/** 内页 **/
ul.v_list{ padding:1% ;	float:left;width:98%; }
ul.v_list li{ float:left; margin:1%; width:48%;}
ul.v_list li a { display:block; float:left; width:100%;  }
ul.v_list li a p{  width:100%;  overflow:hidden; position:relative;  }

ul.catlog_list{ padding:1% ;	float:left;width:98%; }
ul.catlog_list li{  width:48%;margin:1%; ;}
ul.catlog_list li p{  width:100%;max-height:266px;   }
ul.catlog_list li p img{ width:100% !important;}


ul.mallpro_list{ padding:1% ;	float:left;width:98%;}
ul.mallpro_list li{ float:left;  margin:1%; width:48%;}
ul.mallpro_list li p{  width:100%;height:200px; overflow:hidden; position:relative;  }
ul.mallpro_list li p img{ width:100%; height: auto;}
ul.mallpro_list li h2{ font: normal 16px/35px "微软雅黑",Arial,"宋体"; height:35px; overflow:hidden; color:#333; padding-left:10px; }
ul.mallpro_list li span{ font: normal 12px/25px "Arial","宋体";  color:#777; padding-left:10px;}
ul.mallpro_list li h3{position: absolute; right:5px; bottom:5px;
 }
 
 #vpicInfo{ width:100%;  padding:0 1%; float:left; margin:0;  }
#vpicInfo p.buygo{ text-align:right; }
#vpicInfo p.buygo a{ 	 margin-right:20px;}


			
/** 手机导航菜单 **/	
#close_x{ width:22px; height:22px;border-radius: 11px;border: 1px solid #FFF; font: normal 0/0 "微软雅黑","宋体"; background:url(../ico/iconcha.png) center center no-repeat #FFF; position:absolute;top:6px; right:6px;}
		
	#mobileNav{display: block;position:fixed; top:60px; right:15px; border:0; z-index:999; }
	#mobileNav a{display: block; float:left;border-radius: 3px;
	 font: normal 18px/35px "微软雅黑"; color:#FFF;
	 padding: 0 10px 0 25px;
	 background:url(../ico/ico_nav02.png) 10px center no-repeat #2A76CA;  }


	#MenuNav {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;
background-color: rgba(250,250,250,0.85);
        width: auto; padding:15px;
        position:fixed; top:15px; right:5%; margin-top:-100px;
        display: none;
    }
	
    #MenuNav ul{ float:right;width:100%; }
    #MenuNav ul li{ float:left;width:100%;}
	#MenuNav ul li a{ float:left; display:block; 
	 font:normal 16px/30px "微软雅黑"; 
border-bottom: 1px solid transparent;
 border-color: transparent;
 border-color: rgba(138,138,138,0.6);}
	#MenuNav ul li a.diyidiyi{ font: bold 16px/30px "微软雅黑"; text-indent:15px; width:100%;  background: url(../ico/More10.gif) left center no-repeat;}
	#MenuNav ul li a.dierdier{ font: normal 16px/30px "微软雅黑"; text-indent:11px;width:94%; margin-left:6%; background: url(../ico/ico_dian.png) left center no-repeat;}
	
	
		.openwin {
        width: 95%;

    }
	
	 #left_one a p.datu img{ width:100%; height: auto; }
	  #left_two a p.datu img{ width:100%; height:auto; }
	  #left_one a dl{ float:left; width:48%; padding:1%;   }
	  #left_two a dl{ float:left; width:48%; padding:1%;   }


/* 20170620 新增的 数据与报告 栏目 -------------------------------------- */

ul.report_list li{ 
width: 48%; margin:1%;
}

ul.report_list li:nth-of-type(4n){ margin:1%;}

}
